
<!doctype html>
<html lang="nl" xml:lang="nl">
<head>
    <meta charset="utf-8">
    <title>Skipr</title>
    <meta name="description" content="[empty]" />
    <meta name="keywords" content="[empty]" />
    <!--[if lt IE 9]>
    <script src="js/html5.js"></script>
    <![endif]-->
    <link href="css/style.css" rel="stylesheet" media="screen" type="text/css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
</head>
<body>
<div id="page" class="subscribe">
<!-- header on -->
<header class="wrapper-header cf">
    <div class="wrapper-row">
        <div class="logo-pg"><a href="01.home.html" title="Skipr"><img src="images/logo.png" alt="Skipr"></a></div>
        <div class="title-pg"><h1><span class="action">AANMELDEN</span><span class="event-title">HEALTH & CARE DAY 2014</span></h1></div>
    </div>
</header>
<!-- header off -->
<!-- content on -->
<div class="wrapper-row">
    <div class="section-row">
        <div class="wrapper-lf-wide subscribe-event">
            <section class="subscribe-progress cf">
                <ol class="cf">
                    <li id="step1" class="active"><a href="#"><span class="progress-number">1</span><span class="progress-title">Uw gegevens</span></a></li>
                    <li id="step2"><a href="#"><span class="progress-number">2</span><span class="progress-title">Betalingsgegevens</span></a></li>
                    <li id="step3"><a href="#"><span class="progress-number">3</span><span class="progress-title">Controle</span></a></li>
                    <li id="step4"><a href="#"><span class="progress-number">4</span><span class="progress-title">Bedankt</span></a></li>
                </ol>
            </section>
            <section class="subscribe-form">
                <form action="" method="POST">
                    <fieldset>
                        <legend>Uw gegevens</legend>
                        
                        <div class="form-section radio">
                            <label for="form_male" class="label-title">Geslacht</label>

                            <input type="radio" id="form_male" name="gender" value="male">
                            <label for="form_male" class="label-radio">Man</label>
                            <input type="radio" id="form_female" name="gender" value="female">
                            <label for="form_female">Vrouw</label>
                        </div>
                        
                        <div class="form-section cf"><!--change to just name?-->
                            <div class="name small">
                                <label for="initials" class="label-title">Voorletters</label>
                                <input type="text" id="initials" name="initials" value="">
                            </div>
                            <div class="name small">
                                <label for="prefix" class="label-title">Tussenvoegsel</label>
                                <input type="text" id="prefix" name="prefix" value="">
                            </div>
                            <div class="name wide">
                                <label for="surname" class="label-title">Achternaam</label>
                                <input type="text" id="surname" name="surname" value="">
                            </div>
                        </div>

                        <div class="form-section">
                            <label for="tel" class="label-title">Telefoonnummer</label>
                            <input type="tel" id="tel" name="tel" value="">
                        </div>

                        <div class="form-section">
                            <label for="email" class="label-title">E-mailadres</label>
                            <input type="email" id="email" name="email" value="">
                        </div>

                    </fieldset>

                    <fieldset>
                        <legend>Uw organisatie</legend>

                        <div class="form-section">
                            <label for="organisation" class="label-title">Naam organisatie</label>
                            <input type="text" id="organisation" name="organisation" value="">
                        </div>

                        <div class="form-section">
                            <label for="department" class="label-title">Afdeling</label>
                            <input type="text" id="department" name="department" value="">
                        </div>

                        <div class="form-section">
                            <label for="function" class="label-title">Uw functie</label>
                            <input type="text" id="function" name="function" value="">
                        </div>
                    </fieldset>

                    <button type="submit" name="submit">Volgende</button>
                </form>
            </section>
        </div>

        <aside class="wrapper-rt-wide subscribe-aside">
            <section class="box-route">
                <div class="description-route">
                    <h3>Health & Care day 2014</h3>
                    <dl>
                        <dt>Datum</dt>
                        <dd>6 augustus 2014</dd>

                        <dt>Locatie</dt>
                        <dd>Park Plaza Utrecht</dd>

                        <dt>Kosten</dt>
                        <dd><span class="costs">€324 excl BTW</span><span class="costs-include">Dit is inclusief koffie, thee, lunch en congres materiaal.</span></dd>
                    </dl>
                </div>
            </section>
            <section class="event-contact">
                <h4>Vragen over congres?</h4>
                <ul>
                    <li class="phone"><a href="tel:+31-030-46565546" title="030 46565546">030 46565546</a></li>
                    <li class="mail"><a href="mailto:events@skipr.nl" title="events@skipr.nl">events@skipr.nl</a></li>
                </ul>
            </section>
        </aside>

    </div>
</div>
<!-- content off -->
<section class="wrapper-publish">
    <div class="wrapper-row">
        <div class="logo">
            <figure><a href="#" title=""><img src="images/content/content-img-09.png" alt=""></a></figure>
            <figure><a href="#" title=""><img src="images/content/content-img-08.png" alt=""></a></figure>
        </div>
        <div class="text">
            <p>Skipr is een uitgave van: Bohn Stafleu van <br>Loghum, onderdeel van Springer Media.</p>
        </div>
    </div>
</section>
<footer class="wrapper-footer">
    <div class="wrapper-row">
        <ul>
            <li><a href="#" title="Contact">Contact</a></li>
            <li><a href="#" title="Colofon">Colofon</a></li>
            <li><a href="#" title="Algemene Voorwaarden">Algemene Voorwaarden</a></li>
            <li><a href="#" title="Disclaimer">Disclaimer</a></li>
            <li><a href="#" title="Privacy &amp; Cookies">Privacy &amp; Cookies</a></li>
        </ul>
        <p>Copyright &copy; 2014 Bohn Stafleu van Loghum. Alle rechten voorbehouden.</p>
    </div>
</footer>
</div>
<script src="js/jquery.js"></script>
<script src="js/jq.flexslider.js"></script>
<script src="js/jq.function.js"></script>
</body>
</html>